<template>
  <div>
    <home-frame ref="frame">
      <hitchhike ref="incity" slot="content" @hideTop="hideTop" @showTop="showTop"></hitchhike>
    </home-frame>
  </div>
</template>

<script>
import HomeFrame from '@/components/home/HomeFrame';
import Hitchhike from './Hitchhike';
export default {
  name: 'new-home',
  components: {
    [HomeFrame.name]: HomeFrame,
    [Hitchhike.name]: Hitchhike
  },
  methods: {
    showTop() {
      this.$refs.frame.showTop();
    },
    hideTop() {
      this.$refs.frame.hideTop();
    }
  }
};
</script>
